<template>
	<!-- 话题列表 -->
	<view class="topic-list flex animated fadeInLeft fast" @tap="openDetail">
		<image :src="item.titlepic" mode="widthFix" lazy-load="true"></image>
		<view class="ml10">
			<view>#{{ item.title }}#</view>
			<view>{{ item.desc }}</view>
			<view>动态 {{ item.totalNum }}   今日 {{ item.todayNum }}</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			item: Object,
			index: Number
		},
		methods: {
			openDetail() {
				uni.navigateTo({
					url: '../../pages/topic-detail/topic-detail'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.topic-list{
		padding: 20upx 0;
		border-bottom: 1upx solid #f0f0f0;
		image {
			width: 150upx;
			height: 150upx;
			border-radius: 10upx;
		}
		&>view >view {
			color: #A4A4A4;
			&:first-child {
				color: #333333;
				font-size: 32upx;
			}
		}
	}
</style>
